﻿<!DOCTYPE html>
<html>
  <head>
    <title>睡眠</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/睡眠/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/睡眠/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default box_1">
        <div id="u586_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u587" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 背景 (矩形) -->
      <div id="u588" class="ax_default box_1" data-label="背景">
        <img id="u588_img" class="img " src="images/闹钟设置/背景_u63.png"/>
        <!-- Unnamed () -->
        <div id="u589" class="text" style="visibility: visible;">
          <p><span>vv</span></p>
        </div>
      </div>

      <!-- 背景 (矩形) -->
      <div id="u590" class="ax_default box_1" data-label="背景">
        <img id="u590_img" class="img " src="images/睡眠/背景_u590.png"/>
        <!-- Unnamed () -->
        <div id="u591" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u592" class="ax_default">

        <!-- 标签栏 (矩形) -->
        <div id="u593" class="ax_default box_1" data-label="标签栏">
          <img id="u593_img" class="img " src="images/闹钟设置/标签栏_u77.png"/>
          <!-- Unnamed () -->
          <div id="u594" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 电量 (矩形) -->
        <div id="u595" class="ax_default label" data-label="电量">
          <div id="u595_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u596" class="text" style="visibility: visible;">
            <p><span>80%</span></p>
          </div>
        </div>

        <!-- 时间 (矩形) -->
        <div id="u597" class="ax_default label" data-label="时间">
          <div id="u597_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u598" class="text" style="visibility: visible;">
            <p><span>19:15</span></p>
          </div>
        </div>

        <!-- 电量夜间 (图片) -->
        <div id="u599" class="ax_default _图片" data-label="电量夜间">
          <img id="u599_img" class="img " src="images/闹钟设置/电量夜间_u83.png"/>
          <!-- Unnamed () -->
          <div id="u600" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- WiFi夜间 (图片) -->
        <div id="u601" class="ax_default _图片" data-label="WiFi夜间">
          <img id="u601_img" class="img " src="images/闹钟设置/wifi___u85.png"/>
          <!-- Unnamed () -->
          <div id="u602" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 定位夜间 (图片) -->
        <div id="u603" class="ax_default _图片" data-label="定位夜间">
          <img id="u603_img" class="img " src="images/闹钟设置/定位夜间_u87.png"/>
          <!-- Unnamed () -->
          <div id="u604" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 闹钟夜间 (图片) -->
        <div id="u605" class="ax_default _图片" data-label="闹钟夜间">
          <img id="u605_img" class="img " src="images/闹钟设置/闹钟夜间_u89.png"/>
          <!-- Unnamed () -->
          <div id="u606" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 信号夜间 (图片) -->
        <div id="u607" class="ax_default _图片" data-label="信号夜间">
          <img id="u607_img" class="img " src="images/闹钟设置/信号夜间_u91.png"/>
          <!-- Unnamed () -->
          <div id="u608" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 就寝 (矩形) -->
      <div id="u609" class="ax_default _一级标题" data-label="就寝">
        <div id="u609_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u610" class="text" style="visibility: visible;">
          <p><span>就寝</span></p>
        </div>
      </div>

      <!-- 助眠 (矩形) -->
      <div id="u611" class="ax_default _一级标题" data-label="助眠">
        <div id="u611_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u612" class="text" style="visibility: visible;">
          <p><span>助眠</span></p>
        </div>
      </div>

      <!-- 睡眠报告 (矩形) -->
      <div id="u613" class="ax_default _一级标题 selected" data-label="睡眠报告">
        <div id="u613_div" class="selected"></div>
        <!-- Unnamed () -->
        <div id="u614" class="text" style="visibility: visible;">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u615" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u616" class="ax_default image">
          <img id="u616_img" class="img " src="images/闹钟设置/u53.png"/>
          <!-- Unnamed () -->
          <div id="u617" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u618" class="ax_default image">
          <img id="u618_img" class="img " src="images/闹钟设置/u55.png"/>
          <!-- Unnamed () -->
          <div id="u619" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u620" class="ax_default image">
          <img id="u620_img" class="img " src="images/闹钟设置/u57.png"/>
          <!-- Unnamed () -->
          <div id="u621" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u622" class="ax_default image">
          <img id="u622_img" class="img " src="images/闹钟设置/u59.png"/>
          <!-- Unnamed () -->
          <div id="u623" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 导航栏 (矩形) -->
      <div id="u624" class="ax_default box_1" data-label="导航栏">
        <img id="u624_img" class="img " src="images/闹钟设置/导航栏_u61.png"/>
        <!-- Unnamed () -->
        <div id="u625" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 闹钟（未选中） (图片) -->
      <div id="u626" class="ax_default _图片" data-label="闹钟（未选中）">
        <img id="u626_img" class="img " src="images/睡眠/闹钟（未选中）_u626.png"/>
        <!-- Unnamed () -->
        <div id="u627" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u628" class="ax_default _图片">
        <img id="u628_img" class="img " src="images/睡眠/u628.png"/>
        <!-- Unnamed () -->
        <div id="u629" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 个人（未选中） (图片) -->
      <div id="u630" class="ax_default _图片" data-label="个人（未选中）">
        <img id="u630_img" class="img " src="images/闹钟设置/个人（未选中）_u97.png"/>
        <!-- Unnamed () -->
        <div id="u631" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u632" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u633" class="ax_default image">
          <img id="u633_img" class="img " src="images/闹钟设置/u53.png"/>
          <!-- Unnamed () -->
          <div id="u634" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u635" class="ax_default image">
          <img id="u635_img" class="img " src="images/闹钟设置/u55.png"/>
          <!-- Unnamed () -->
          <div id="u636" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u637" class="ax_default image">
          <img id="u637_img" class="img " src="images/闹钟设置/u57.png"/>
          <!-- Unnamed () -->
          <div id="u638" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u639" class="ax_default image">
          <img id="u639_img" class="img " src="images/闹钟设置/u59.png"/>
          <!-- Unnamed () -->
          <div id="u640" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u641" class="ax_default">

        <!-- 标签栏 (矩形) -->
        <div id="u642" class="ax_default box_1" data-label="标签栏">
          <img id="u642_img" class="img " src="images/闹钟设置/标签栏_u77.png"/>
          <!-- Unnamed () -->
          <div id="u643" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 电量 (矩形) -->
        <div id="u644" class="ax_default label" data-label="电量">
          <div id="u644_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u645" class="text" style="visibility: visible;">
            <p><span>80%</span></p>
          </div>
        </div>

        <!-- 时间 (矩形) -->
        <div id="u646" class="ax_default label" data-label="时间">
          <div id="u646_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u647" class="text" style="visibility: visible;">
            <p><span>19:15</span></p>
          </div>
        </div>

        <!-- 电量夜间 (图片) -->
        <div id="u648" class="ax_default _图片" data-label="电量夜间">
          <img id="u648_img" class="img " src="images/闹钟设置/电量夜间_u83.png"/>
          <!-- Unnamed () -->
          <div id="u649" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- WiFi夜间 (图片) -->
        <div id="u650" class="ax_default _图片" data-label="WiFi夜间">
          <img id="u650_img" class="img " src="images/闹钟设置/wifi___u85.png"/>
          <!-- Unnamed () -->
          <div id="u651" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 定位夜间 (图片) -->
        <div id="u652" class="ax_default _图片" data-label="定位夜间">
          <img id="u652_img" class="img " src="images/闹钟设置/定位夜间_u87.png"/>
          <!-- Unnamed () -->
          <div id="u653" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 闹钟夜间 (图片) -->
        <div id="u654" class="ax_default _图片" data-label="闹钟夜间">
          <img id="u654_img" class="img " src="images/闹钟设置/闹钟夜间_u89.png"/>
          <!-- Unnamed () -->
          <div id="u655" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 信号夜间 (图片) -->
        <div id="u656" class="ax_default _图片" data-label="信号夜间">
          <img id="u656_img" class="img " src="images/闹钟设置/信号夜间_u91.png"/>
          <!-- Unnamed () -->
          <div id="u657" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 导航栏 (矩形) -->
      <div id="u658" class="ax_default box_1" data-label="导航栏">
        <img id="u658_img" class="img " src="images/闹钟设置/导航栏_u61.png"/>
        <!-- Unnamed () -->
        <div id="u659" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 闹钟（未选中） (图片) -->
      <div id="u660" class="ax_default _图片" data-label="闹钟（未选中）">
        <img id="u660_img" class="img " src="images/睡眠/闹钟（未选中）_u626.png"/>
        <!-- Unnamed () -->
        <div id="u661" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u662" class="ax_default _图片">
        <img id="u662_img" class="img " src="images/睡眠/u628.png"/>
        <!-- Unnamed () -->
        <div id="u663" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 个人（未选中） (图片) -->
      <div id="u664" class="ax_default _图片" data-label="个人（未选中）">
        <img id="u664_img" class="img " src="images/闹钟设置/个人（未选中）_u97.png"/>
        <!-- Unnamed () -->
        <div id="u665" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u666" class="ax_default _一级标题">
        <div id="u666_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u667" class="text" style="visibility: visible;">
          <p><span>就寝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u668" class="ax_default _一级标题">
        <div id="u668_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u669" class="text" style="visibility: visible;">
          <p><span>助眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u670" class="ax_default _一级标题">
        <div id="u670_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u671" class="text" style="visibility: visible;">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- 导航栏 (矩形) -->
      <div id="u672" class="ax_default box_1" data-label="导航栏">
        <img id="u672_img" class="img " src="images/闹钟设置/导航栏_u61.png"/>
        <!-- Unnamed () -->
        <div id="u673" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 闹钟（未选中） (图片) -->
      <div id="u674" class="ax_default _图片" data-label="闹钟（未选中）">
        <img id="u674_img" class="img " src="images/睡眠/闹钟（未选中）_u626.png"/>
        <!-- Unnamed () -->
        <div id="u675" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u676" class="ax_default _图片">
        <img id="u676_img" class="img " src="images/睡眠/u628.png"/>
        <!-- Unnamed () -->
        <div id="u677" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 个人（未选中） (图片) -->
      <div id="u678" class="ax_default _图片" data-label="个人（未选中）">
        <img id="u678_img" class="img " src="images/闹钟设置/个人（未选中）_u97.png"/>
        <!-- Unnamed () -->
        <div id="u679" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u680" class="ax_default _图片">
        <img id="u680_img" class="img " src="images/睡眠/u680.png"/>
        <!-- Unnamed () -->
        <div id="u681" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u682" class="ax_default _图片">
        <img id="u682_img" class="img " src="images/睡眠/u682.png"/>
        <!-- Unnamed () -->
        <div id="u683" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u684" class="ax_default _二级标题">
        <div id="u684_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u685" class="text" style="visibility: visible;">
          <p><span>定时</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u686" class="ax_default _图片">
        <img id="u686_img" class="img " src="images/闹钟设置/u109.png"/>
        <!-- Unnamed () -->
        <div id="u687" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u688" class="ax_default ellipse">
        <img id="u688_img" class="img " src="images/睡眠/u688.png"/>
        <!-- Unnamed () -->
        <div id="u689" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u690" class="ax_default _二级标题">
        <div id="u690_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u691" class="text" style="visibility: visible;">
          <p><span>睡 觉</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u692" class="ax_default _二级标题">
        <div id="u692_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u693" class="text" style="visibility: visible;">
          <p><span>起 床</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u694" class="ax_default _二级标题">
        <div id="u694_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u695" class="text" style="visibility: visible;">
          <p><span>23 : 30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u696" class="ax_default _二级标题">
        <div id="u696_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u697" class="text" style="visibility: visible;">
          <p><span>06 : 30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u698" class="ax_default _二级标题">
        <div id="u698_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u699" class="text" style="visibility: visible;">
          <p><span>每周开启时间</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u700" class="ax_default ellipse">
        <img id="u700_img" class="img " src="images/闹钟设置/u254.png"/>
        <!-- Unnamed () -->
        <div id="u701" class="text" style="visibility: visible;">
          <p><span>一</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u702" class="ax_default ellipse">
        <img id="u702_img" class="img " src="images/闹钟设置/u254.png"/>
        <!-- Unnamed () -->
        <div id="u703" class="text" style="visibility: visible;">
          <p><span>二</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u704" class="ax_default ellipse">
        <img id="u704_img" class="img " src="images/闹钟设置/u254.png"/>
        <!-- Unnamed () -->
        <div id="u705" class="text" style="visibility: visible;">
          <p><span>三</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u706" class="ax_default ellipse">
        <img id="u706_img" class="img " src="images/闹钟设置/u254.png"/>
        <!-- Unnamed () -->
        <div id="u707" class="text" style="visibility: visible;">
          <p><span>四</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u708" class="ax_default ellipse">
        <img id="u708_img" class="img " src="images/闹钟设置/u254.png"/>
        <!-- Unnamed () -->
        <div id="u709" class="text" style="visibility: visible;">
          <p><span>五</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u710" class="ax_default ellipse">
        <img id="u710_img" class="img " src="images/闹钟设置/u264.png"/>
        <!-- Unnamed () -->
        <div id="u711" class="text" style="visibility: visible;">
          <p><span>六</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u712" class="ax_default ellipse">
        <img id="u712_img" class="img " src="images/闹钟设置/u264.png"/>
        <!-- Unnamed () -->
        <div id="u713" class="text" style="visibility: visible;">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u714" class="ax_default _二级标题">
        <div id="u714_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u715" class="text" style="visibility: visible;">
          <p><span>本周睡眠时长</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u716" class="ax_default box_2">
        <div id="u716_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u717" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u718" class="ax_default label">
        <div id="u718_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u719" class="text" style="visibility: visible;">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u720" class="ax_default label">
        <div id="u720_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u721" class="text" style="visibility: visible;">
          <p><span>一</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u722" class="ax_default label">
        <div id="u722_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u723" class="text" style="visibility: visible;">
          <p><span>二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u724" class="ax_default label">
        <div id="u724_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u725" class="text" style="visibility: visible;">
          <p><span>三</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u726" class="ax_default label">
        <div id="u726_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u727" class="text" style="visibility: visible;">
          <p><span>四</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u728" class="ax_default label">
        <div id="u728_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u729" class="text" style="visibility: visible;">
          <p><span>五</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u730" class="ax_default label">
        <div id="u730_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u731" class="text" style="visibility: visible;">
          <p><span>六</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u732" class="ax_default label">
        <div id="u732_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u733" class="text" style="visibility: visible;">
          <p><span>10h</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u734" class="ax_default label">
        <div id="u734_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u735" class="text" style="visibility: visible;">
          <p><span>8h</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u736" class="ax_default label">
        <div id="u736_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u737" class="text" style="visibility: visible;">
          <p><span>6h</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default label">
        <div id="u738_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u739" class="text" style="visibility: visible;">
          <p><span>4h</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u740" class="ax_default label">
        <div id="u740_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u741" class="text" style="visibility: visible;">
          <p><span>2h</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u742" class="ax_default line">
        <img id="u742_img" class="img " src="images/睡眠/u742.png"/>
        <!-- Unnamed () -->
        <div id="u743" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u744" class="ax_default box_1">
        <div id="u744_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u745" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u746" class="ax_default box_1">
        <div id="u746_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u747" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u748" class="ax_default box_1">
        <div id="u748_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u749" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u750" class="ax_default box_1">
        <div id="u750_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u751" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u752" class="ax_default box_1">
        <div id="u752_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u753" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u754" class="ax_default box_1">
        <div id="u754_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u755" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u756" class="ax_default box_1">
        <div id="u756_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u757" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u758" class="ax_default _二级标题">
        <div id="u758_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u759" class="text" style="visibility: visible;">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">总时长：</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">7h</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u760" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u761" class="ax_default image">
          <img id="u761_img" class="img " src="images/闹钟设置/u53.png"/>
          <!-- Unnamed () -->
          <div id="u762" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u763" class="ax_default image">
          <img id="u763_img" class="img " src="images/闹钟设置/u55.png"/>
          <!-- Unnamed () -->
          <div id="u764" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u765" class="ax_default image">
          <img id="u765_img" class="img " src="images/闹钟设置/u57.png"/>
          <!-- Unnamed () -->
          <div id="u766" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u767" class="ax_default image">
          <img id="u767_img" class="img " src="images/闹钟设置/u59.png"/>
          <!-- Unnamed () -->
          <div id="u768" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u769" class="ax_default">

        <!-- 标签栏 (矩形) -->
        <div id="u770" class="ax_default box_1" data-label="标签栏">
          <img id="u770_img" class="img " src="images/闹钟设置/标签栏_u77.png"/>
          <!-- Unnamed () -->
          <div id="u771" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 电量 (矩形) -->
        <div id="u772" class="ax_default label" data-label="电量">
          <div id="u772_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u773" class="text" style="visibility: visible;">
            <p><span>80%</span></p>
          </div>
        </div>

        <!-- 时间 (矩形) -->
        <div id="u774" class="ax_default label" data-label="时间">
          <div id="u774_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u775" class="text" style="visibility: visible;">
            <p><span>19:15</span></p>
          </div>
        </div>

        <!-- 电量夜间 (图片) -->
        <div id="u776" class="ax_default _图片" data-label="电量夜间">
          <img id="u776_img" class="img " src="images/闹钟设置/电量夜间_u83.png"/>
          <!-- Unnamed () -->
          <div id="u777" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- WiFi夜间 (图片) -->
        <div id="u778" class="ax_default _图片" data-label="WiFi夜间">
          <img id="u778_img" class="img " src="images/闹钟设置/wifi___u85.png"/>
          <!-- Unnamed () -->
          <div id="u779" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 定位夜间 (图片) -->
        <div id="u780" class="ax_default _图片" data-label="定位夜间">
          <img id="u780_img" class="img " src="images/闹钟设置/定位夜间_u87.png"/>
          <!-- Unnamed () -->
          <div id="u781" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 闹钟夜间 (图片) -->
        <div id="u782" class="ax_default _图片" data-label="闹钟夜间">
          <img id="u782_img" class="img " src="images/闹钟设置/闹钟夜间_u89.png"/>
          <!-- Unnamed () -->
          <div id="u783" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 信号夜间 (图片) -->
        <div id="u784" class="ax_default _图片" data-label="信号夜间">
          <img id="u784_img" class="img " src="images/闹钟设置/信号夜间_u91.png"/>
          <!-- Unnamed () -->
          <div id="u785" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 导航栏 (矩形) -->
      <div id="u786" class="ax_default box_1" data-label="导航栏">
        <img id="u786_img" class="img " src="images/闹钟设置/导航栏_u61.png"/>
        <!-- Unnamed () -->
        <div id="u787" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 闹钟（未选中） (图片) -->
      <div id="u788" class="ax_default _图片" data-label="闹钟（未选中）">
        <img id="u788_img" class="img " src="images/睡眠/闹钟（未选中）_u626.png"/>
        <!-- Unnamed () -->
        <div id="u789" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u790" class="ax_default _图片">
        <img id="u790_img" class="img " src="images/睡眠/u628.png"/>
        <!-- Unnamed () -->
        <div id="u791" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 个人（未选中） (图片) -->
      <div id="u792" class="ax_default _图片" data-label="个人（未选中）">
        <img id="u792_img" class="img " src="images/闹钟设置/个人（未选中）_u97.png"/>
        <!-- Unnamed () -->
        <div id="u793" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 背景 (矩形) -->
      <div id="u794" class="ax_default box_1" data-label="背景">
        <img id="u794_img" class="img " src="images/闹钟设置/背景_u63.png"/>
        <!-- Unnamed () -->
        <div id="u795" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u796" class="ax_default _一级标题">
        <div id="u796_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u797" class="text" style="visibility: visible;">
          <p><span>就寝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u798" class="ax_default _一级标题">
        <div id="u798_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u799" class="text" style="visibility: visible;">
          <p><span>助眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u800" class="ax_default _一级标题">
        <div id="u800_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u801" class="text" style="visibility: visible;">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u802" class="ax_default box_2">
        <div id="u802_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u803" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u804" class="ax_default box_2">
        <div id="u804_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u805" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u806" class="ax_default _图片">
        <img id="u806_img" class="img " src="images/睡眠/u806.png"/>
        <!-- Unnamed () -->
        <div id="u807" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u808" class="ax_default _图片">
        <img id="u808_img" class="img " src="images/睡眠/u808.png"/>
        <!-- Unnamed () -->
        <div id="u809" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u810" class="ax_default box_2">
        <div id="u810_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u811" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u812" class="ax_default _图片">
        <img id="u812_img" class="img " src="images/睡眠/u812.png"/>
        <!-- Unnamed () -->
        <div id="u813" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u814" class="ax_default _二级标题">
        <div id="u814_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u815" class="text" style="visibility: visible;">
          <p><span>声音类别</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u816" class="ax_default ellipse">
        <img id="u816_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u817" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u818" class="ax_default ellipse">
        <img id="u818_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u819" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u820" class="ax_default ellipse">
        <img id="u820_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u821" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u822" class="ax_default ellipse">
        <img id="u822_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u823" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u824" class="ax_default ellipse">
        <img id="u824_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u825" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u826" class="ax_default ellipse">
        <img id="u826_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u827" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u828" class="ax_default ellipse">
        <img id="u828_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u829" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u830" class="ax_default ellipse">
        <img id="u830_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u831" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u832" class="ax_default ellipse">
        <img id="u832_img" class="img " src="images/睡眠/u832.png"/>
        <!-- Unnamed () -->
        <div id="u833" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u834" class="ax_default ellipse">
        <img id="u834_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u835" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u836" class="ax_default ellipse">
        <img id="u836_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u837" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u838" class="ax_default ellipse">
        <img id="u838_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u839" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u840" class="ax_default ellipse">
        <img id="u840_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u841" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u842" class="ax_default ellipse">
        <img id="u842_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u843" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u844" class="ax_default ellipse">
        <img id="u844_img" class="img " src="images/睡眠/u816.png"/>
        <!-- Unnamed () -->
        <div id="u845" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u846" class="ax_default _图片">
        <img id="u846_img" class="img " src="images/睡眠/u846.png"/>
        <!-- Unnamed () -->
        <div id="u847" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u848" class="ax_default _二级标题">
        <div id="u848_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u849" class="text" style="visibility: visible;">
          <p><span>自然</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u850" class="ax_default _图片">
        <img id="u850_img" class="img " src="images/睡眠/u850.png"/>
        <!-- Unnamed () -->
        <div id="u851" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u852" class="ax_default _图片">
        <img id="u852_img" class="img " src="images/睡眠/u852.png"/>
        <!-- Unnamed () -->
        <div id="u853" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u854" class="ax_default _图片">
        <img id="u854_img" class="img " src="images/睡眠/u854.png"/>
        <!-- Unnamed () -->
        <div id="u855" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u856" class="ax_default _图片">
        <img id="u856_img" class="img " src="images/睡眠/u856.png"/>
        <!-- Unnamed () -->
        <div id="u857" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u858" class="ax_default _图片">
        <img id="u858_img" class="img " src="images/睡眠/u858.png"/>
        <!-- Unnamed () -->
        <div id="u859" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u860" class="ax_default _图片">
        <img id="u860_img" class="img " src="images/睡眠/u860.png"/>
        <!-- Unnamed () -->
        <div id="u861" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u862" class="ax_default _二级标题">
        <div id="u862_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u863" class="text" style="visibility: visible;">
          <p><span>旋律</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u864" class="ax_default _二级标题">
        <div id="u864_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u865" class="text" style="visibility: visible;">
          <p><span>雷雨</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u866" class="ax_default _二级标题">
        <div id="u866_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u867" class="text" style="visibility: visible;">
          <p><span>风沙</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u868" class="ax_default _二级标题">
        <div id="u868_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u869" class="text" style="visibility: visible;">
          <p><span>虫鸣</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u870" class="ax_default _二级标题">
        <div id="u870_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u871" class="text" style="visibility: visible;">
          <p><span>拨浪鼓</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u872" class="ax_default _二级标题">
        <div id="u872_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u873" class="text" style="visibility: visible;">
          <p><span>禅音</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u874" class="ax_default _图片">
        <img id="u874_img" class="img " src="images/睡眠/u874.png"/>
        <!-- Unnamed () -->
        <div id="u875" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u876" class="ax_default _图片">
        <img id="u876_img" class="img " src="images/睡眠/u876.png"/>
        <!-- Unnamed () -->
        <div id="u877" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u878" class="ax_default _图片">
        <img id="u878_img" class="img " src="images/睡眠/u878.png"/>
        <!-- Unnamed () -->
        <div id="u879" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u880" class="ax_default _图片">
        <img id="u880_img" class="img " src="images/睡眠/u880.png"/>
        <!-- Unnamed () -->
        <div id="u881" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u882" class="ax_default _图片">
        <img id="u882_img" class="img " src="images/睡眠/u882.png"/>
        <!-- Unnamed () -->
        <div id="u883" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u884" class="ax_default _二级标题">
        <div id="u884_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u885" class="text" style="visibility: visible;">
          <p><span>生活</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u886" class="ax_default _二级标题">
        <div id="u886_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u887" class="text" style="visibility: visible;">
          <p><span>动物</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u888" class="ax_default _二级标题">
        <div id="u888_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u889" class="text" style="visibility: visible;">
          <p><span>电音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u890" class="ax_default _二级标题">
        <div id="u890_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u891" class="text" style="visibility: visible;">
          <p><span>童声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u892" class="ax_default _二级标题">
        <div id="u892_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u893" class="text" style="visibility: visible;">
          <p><span>车声</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u894" class="ax_default _图片">
        <img id="u894_img" class="img " src="images/睡眠/u894.png"/>
        <!-- Unnamed () -->
        <div id="u895" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u896" class="ax_default _图片">
        <img id="u896_img" class="img " src="images/睡眠/u896.png"/>
        <!-- Unnamed () -->
        <div id="u897" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u898" class="ax_default _图片">
        <img id="u898_img" class="img " src="images/睡眠/u898.png"/>
        <!-- Unnamed () -->
        <div id="u899" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u900" class="ax_default _二级标题">
        <div id="u900_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u901" class="text" style="visibility: visible;">
          <p><span>书声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u902" class="ax_default _二级标题">
        <div id="u902_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u903" class="text" style="visibility: visible;">
          <p><span>脚步</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u904" class="ax_default _二级标题">
        <div id="u904_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u905" class="text" style="visibility: visible;">
          <p><span>田野</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u906" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u907" class="ax_default image">
          <img id="u907_img" class="img " src="images/图例/u40.png"/>
          <!-- Unnamed () -->
          <div id="u908" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u909" class="ax_default image">
          <img id="u909_img" class="img " src="images/图例/u42.png"/>
          <!-- Unnamed () -->
          <div id="u910" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u911" class="ax_default image">
          <img id="u911_img" class="img " src="images/图例/u40.png"/>
          <!-- Unnamed () -->
          <div id="u912" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u913" class="ax_default _文本段落" data-label="Header 2">
        <div id="u913_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u914" class="text" style="visibility: visible;">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- 背景 (矩形) -->
      <div id="u915" class="ax_default box_1" data-label="背景">
        <img id="u915_img" class="img " src="images/睡眠/背景_u590.png"/>
        <!-- Unnamed () -->
        <div id="u916" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u917" class="ax_default">

        <!-- 标签栏 (矩形) -->
        <div id="u918" class="ax_default box_1" data-label="标签栏">
          <img id="u918_img" class="img " src="images/闹钟设置/标签栏_u77.png"/>
          <!-- Unnamed () -->
          <div id="u919" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 电量 (矩形) -->
        <div id="u920" class="ax_default label" data-label="电量">
          <div id="u920_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u921" class="text" style="visibility: visible;">
            <p><span>80%</span></p>
          </div>
        </div>

        <!-- 时间 (矩形) -->
        <div id="u922" class="ax_default label" data-label="时间">
          <div id="u922_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u923" class="text" style="visibility: visible;">
            <p><span>19:15</span></p>
          </div>
        </div>

        <!-- 电量夜间 (图片) -->
        <div id="u924" class="ax_default _图片" data-label="电量夜间">
          <img id="u924_img" class="img " src="images/闹钟设置/电量夜间_u83.png"/>
          <!-- Unnamed () -->
          <div id="u925" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- WiFi夜间 (图片) -->
        <div id="u926" class="ax_default _图片" data-label="WiFi夜间">
          <img id="u926_img" class="img " src="images/闹钟设置/wifi___u85.png"/>
          <!-- Unnamed () -->
          <div id="u927" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 定位夜间 (图片) -->
        <div id="u928" class="ax_default _图片" data-label="定位夜间">
          <img id="u928_img" class="img " src="images/闹钟设置/定位夜间_u87.png"/>
          <!-- Unnamed () -->
          <div id="u929" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 闹钟夜间 (图片) -->
        <div id="u930" class="ax_default _图片" data-label="闹钟夜间">
          <img id="u930_img" class="img " src="images/闹钟设置/闹钟夜间_u89.png"/>
          <!-- Unnamed () -->
          <div id="u931" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 信号夜间 (图片) -->
        <div id="u932" class="ax_default _图片" data-label="信号夜间">
          <img id="u932_img" class="img " src="images/闹钟设置/信号夜间_u91.png"/>
          <!-- Unnamed () -->
          <div id="u933" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 就寝 (矩形) -->
      <div id="u934" class="ax_default _一级标题" data-label="就寝">
        <div id="u934_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u935" class="text" style="visibility: visible;">
          <p><span>就寝</span></p>
        </div>
      </div>

      <!-- 助眠 (矩形) -->
      <div id="u936" class="ax_default _一级标题" data-label="助眠">
        <div id="u936_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u937" class="text" style="visibility: visible;">
          <p><span>助眠</span></p>
        </div>
      </div>

      <!-- 睡眠报告 (矩形) -->
      <div id="u938" class="ax_default _一级标题 selected" data-label="睡眠报告">
        <div id="u938_div" class="selected"></div>
        <!-- Unnamed () -->
        <div id="u939" class="text" style="visibility: visible;">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u940" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u941" class="ax_default image">
          <img id="u941_img" class="img " src="images/闹钟设置/u53.png"/>
          <!-- Unnamed () -->
          <div id="u942" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u943" class="ax_default image">
          <img id="u943_img" class="img " src="images/闹钟设置/u55.png"/>
          <!-- Unnamed () -->
          <div id="u944" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u945" class="ax_default image">
          <img id="u945_img" class="img " src="images/闹钟设置/u57.png"/>
          <!-- Unnamed () -->
          <div id="u946" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u947" class="ax_default image">
          <img id="u947_img" class="img " src="images/闹钟设置/u59.png"/>
          <!-- Unnamed () -->
          <div id="u948" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 导航栏 (矩形) -->
      <div id="u949" class="ax_default box_1" data-label="导航栏">
        <img id="u949_img" class="img " src="images/闹钟设置/导航栏_u61.png"/>
        <!-- Unnamed () -->
        <div id="u950" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 闹钟（未选中） (图片) -->
      <div id="u951" class="ax_default _图片" data-label="闹钟（未选中）">
        <img id="u951_img" class="img " src="images/睡眠/闹钟（未选中）_u626.png"/>
        <!-- Unnamed () -->
        <div id="u952" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u953" class="ax_default _图片">
        <img id="u953_img" class="img " src="images/睡眠/u628.png"/>
        <!-- Unnamed () -->
        <div id="u954" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 个人（未选中） (图片) -->
      <div id="u955" class="ax_default _图片" data-label="个人（未选中）">
        <img id="u955_img" class="img " src="images/闹钟设置/个人（未选中）_u97.png"/>
        <!-- Unnamed () -->
        <div id="u956" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u957" class="ax_default">
        <div id="u957_state0" class="panel_state" data-label="睡眠报告">
          <div id="u957_state0_content" class="panel_state_content">

            <!-- 背景 (矩形) -->
            <div id="u958" class="ax_default box_1" data-label="背景">
              <img id="u958_img" class="img " src="images/睡眠/背景_u958.png"/>
              <!-- Unnamed () -->
              <div id="u959" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u960" class="ax_default">

              <!-- 绿 (椭圆形) -->
              <div id="u961" class="ax_default ellipse" data-label="绿">
                <img id="u961_img" class="img " src="images/睡眠/绿_u961.png"/>
                <!-- Unnamed () -->
                <div id="u962" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 黄 (椭圆形) -->
              <div id="u963" class="ax_default ellipse" data-label="黄">
                <img id="u963_img" class="img " src="images/睡眠/黄_u963.png"/>
                <!-- Unnamed () -->
                <div id="u964" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 红 (椭圆形) -->
              <div id="u965" class="ax_default ellipse" data-label="红">
                <img id="u965_img" class="img " src="images/睡眠/红_u965.png"/>
                <!-- Unnamed () -->
                <div id="u966" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u967" class="ax_default line">
                <img id="u967_img" class="img " src="images/睡眠/u967.png"/>
                <!-- Unnamed () -->
                <div id="u968" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u969" class="ax_default line">
                <img id="u969_img" class="img " src="images/睡眠/u969.png"/>
                <!-- Unnamed () -->
                <div id="u970" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u971" class="ax_default line">
                <img id="u971_img" class="img " src="images/睡眠/u971.png"/>
                <!-- Unnamed () -->
                <div id="u972" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u973" class="ax_default line">
                <img id="u973_img" class="img " src="images/睡眠/u973.png"/>
                <!-- Unnamed () -->
                <div id="u974" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u975" class="ax_default label">
                <div id="u975_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u976" class="text" style="visibility: visible;">
                  <p><span>时长</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u977" class="ax_default label">
                <div id="u977_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u978" class="text" style="visibility: visible;">
                  <p><span>浅睡</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u979" class="ax_default label">
                <div id="u979_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u980" class="text" style="visibility: visible;">
                  <p><span>入睡</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u981" class="ax_default label">
                <div id="u981_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u982" class="text" style="visibility: visible;">
                  <p><span>深睡</span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u983" class="ax_default ellipse">
                <img id="u983_img" class="img " src="images/睡眠/u983.png"/>
                <!-- Unnamed () -->
                <div id="u984" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u985" class="ax_default ellipse">
                <img id="u985_img" class="img " src="images/睡眠/u983.png"/>
                <!-- Unnamed () -->
                <div id="u986" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u987" class="ax_default ellipse">
                <img id="u987_img" class="img " src="images/睡眠/u983.png"/>
                <!-- Unnamed () -->
                <div id="u988" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u989" class="ax_default ellipse">
                <img id="u989_img" class="img " src="images/睡眠/u983.png"/>
                <!-- Unnamed () -->
                <div id="u990" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u991" class="ax_default _二级标题">
              <div id="u991_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u992" class="text" style="visibility: visible;">
                <p><span>星 期 日</span></p>
              </div>
            </div>

            <!-- 日历 (图片) -->
            <div id="u993" class="ax_default _图片" data-label="日历">
              <img id="u993_img" class="img " src="images/睡眠/日历_u993.png"/>
              <!-- Unnamed () -->
              <div id="u994" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u995" class="ax_default _图片">
              <img id="u995_img" class="img " src="images/睡眠/u995.png"/>
              <!-- Unnamed () -->
              <div id="u996" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u997" class="ax_default _二级标题">
              <div id="u997_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u998" class="text" style="visibility: visible;">
                <p><span>睡 眠 质 量</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u999" class="ax_default line">
              <img id="u999_img" class="img " src="images/睡眠/u999.png"/>
              <!-- Unnamed () -->
              <div id="u1000" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1001" class="ax_default line">
              <img id="u1001_img" class="img " src="images/睡眠/u999.png"/>
              <!-- Unnamed () -->
              <div id="u1002" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1003" class="ax_default line">
              <img id="u1003_img" class="img " src="images/睡眠/u999.png"/>
              <!-- Unnamed () -->
              <div id="u1004" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1005" class="ax_default line">
              <img id="u1005_img" class="img " src="images/睡眠/u999.png"/>
              <!-- Unnamed () -->
              <div id="u1006" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1007" class="ax_default label">
              <div id="u1007_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1008" class="text" style="visibility: visible;">
                <p><span>日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1009" class="ax_default label">
              <div id="u1009_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1010" class="text" style="visibility: visible;">
                <p><span>一</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1011" class="ax_default label">
              <div id="u1011_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1012" class="text" style="visibility: visible;">
                <p><span>二</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1013" class="ax_default label">
              <div id="u1013_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1014" class="text" style="visibility: visible;">
                <p><span>三</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1015" class="ax_default label">
              <div id="u1015_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1016" class="text" style="visibility: visible;">
                <p><span>四</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1017" class="ax_default label">
              <div id="u1017_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1018" class="text" style="visibility: visible;">
                <p><span>五</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1019" class="ax_default label">
              <div id="u1019_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1020" class="text" style="visibility: visible;">
                <p><span>六</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1021" class="ax_default line">
              <img id="u1021_img" class="img " src="images/睡眠/u1021.png"/>
              <!-- Unnamed () -->
              <div id="u1022" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1023" class="ax_default line">
              <img id="u1023_img" class="img " src="images/睡眠/u1023.png"/>
              <!-- Unnamed () -->
              <div id="u1024" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1025" class="ax_default line">
              <img id="u1025_img" class="img " src="images/睡眠/u1025.png"/>
              <!-- Unnamed () -->
              <div id="u1026" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1027" class="ax_default line">
              <img id="u1027_img" class="img " src="images/睡眠/u1027.png"/>
              <!-- Unnamed () -->
              <div id="u1028" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1029" class="ax_default line">
              <img id="u1029_img" class="img " src="images/睡眠/u1029.png"/>
              <!-- Unnamed () -->
              <div id="u1030" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1031" class="ax_default line">
              <img id="u1031_img" class="img " src="images/睡眠/u1031.png"/>
              <!-- Unnamed () -->
              <div id="u1032" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1033" class="ax_default _图片">
              <img id="u1033_img" class="img " src="images/睡眠/u1033.png"/>
              <!-- Unnamed () -->
              <div id="u1034" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1035" class="ax_default _图片">
              <img id="u1035_img" class="img " src="images/睡眠/u1035.png"/>
              <!-- Unnamed () -->
              <div id="u1036" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1037" class="ax_default _图片">
              <img id="u1037_img" class="img " src="images/睡眠/u1037.png"/>
              <!-- Unnamed () -->
              <div id="u1038" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1039" class="ax_default _图片">
              <img id="u1039_img" class="img " src="images/睡眠/u1039.png"/>
              <!-- Unnamed () -->
              <div id="u1040" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u957_state1" class="panel_state" data-label="就寝" style="display: none; visibility: hidden;">
          <div id="u957_state1_content" class="panel_state_content">

            <!-- 背景 (矩形) -->
            <div id="u1041" class="ax_default box_1" data-label="背景">
              <img id="u1041_img" class="img " src="images/睡眠/背景_u958.png"/>
              <!-- Unnamed () -->
              <div id="u1042" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1043" class="ax_default _图片">
              <img id="u1043_img" class="img " src="images/睡眠/u680.png"/>
              <!-- Unnamed () -->
              <div id="u1044" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1045" class="ax_default _图片">
              <img id="u1045_img" class="img " src="images/睡眠/u682.png"/>
              <!-- Unnamed () -->
              <div id="u1046" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1047" class="ax_default _二级标题">
              <div id="u1047_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1048" class="text" style="visibility: visible;">
                <p><span>定时</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1049" class="ax_default _图片">
              <img id="u1049_img" class="img " src="images/闹钟设置/u109.png"/>
              <!-- Unnamed () -->
              <div id="u1050" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1051" class="ax_default ellipse">
              <img id="u1051_img" class="img " src="images/睡眠/u688.png"/>
              <!-- Unnamed () -->
              <div id="u1052" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1053" class="ax_default _二级标题">
              <div id="u1053_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1054" class="text" style="visibility: visible;">
                <p><span>睡 觉</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1055" class="ax_default _二级标题">
              <div id="u1055_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1056" class="text" style="visibility: visible;">
                <p><span>起 床</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1057" class="ax_default _二级标题">
              <div id="u1057_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1058" class="text" style="visibility: visible;">
                <p><span>23 : 30</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1059" class="ax_default _二级标题">
              <div id="u1059_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1060" class="text" style="visibility: visible;">
                <p><span>06 : 30</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1061" class="ax_default _二级标题">
              <div id="u1061_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1062" class="text" style="visibility: visible;">
                <p><span>每周开启时间</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1063" class="ax_default ellipse">
              <img id="u1063_img" class="img " src="images/闹钟设置/u254.png"/>
              <!-- Unnamed () -->
              <div id="u1064" class="text" style="visibility: visible;">
                <p><span>一</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1065" class="ax_default ellipse">
              <img id="u1065_img" class="img " src="images/闹钟设置/u254.png"/>
              <!-- Unnamed () -->
              <div id="u1066" class="text" style="visibility: visible;">
                <p><span>二</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1067" class="ax_default ellipse">
              <img id="u1067_img" class="img " src="images/闹钟设置/u254.png"/>
              <!-- Unnamed () -->
              <div id="u1068" class="text" style="visibility: visible;">
                <p><span>三</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1069" class="ax_default ellipse">
              <img id="u1069_img" class="img " src="images/闹钟设置/u254.png"/>
              <!-- Unnamed () -->
              <div id="u1070" class="text" style="visibility: visible;">
                <p><span>四</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1071" class="ax_default ellipse">
              <img id="u1071_img" class="img " src="images/闹钟设置/u254.png"/>
              <!-- Unnamed () -->
              <div id="u1072" class="text" style="visibility: visible;">
                <p><span>五</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1073" class="ax_default ellipse">
              <img id="u1073_img" class="img " src="images/闹钟设置/u264.png"/>
              <!-- Unnamed () -->
              <div id="u1074" class="text" style="visibility: visible;">
                <p><span>六</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1075" class="ax_default ellipse">
              <img id="u1075_img" class="img " src="images/闹钟设置/u264.png"/>
              <!-- Unnamed () -->
              <div id="u1076" class="text" style="visibility: visible;">
                <p><span>日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1077" class="ax_default _二级标题">
              <div id="u1077_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1078" class="text" style="visibility: visible;">
                <p><span>本周睡眠时长</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1079" class="ax_default box_2">
              <div id="u1079_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1080" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1081" class="ax_default label">
              <div id="u1081_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1082" class="text" style="visibility: visible;">
                <p><span>日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1083" class="ax_default label">
              <div id="u1083_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1084" class="text" style="visibility: visible;">
                <p><span>一</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1085" class="ax_default label">
              <div id="u1085_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1086" class="text" style="visibility: visible;">
                <p><span>二</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1087" class="ax_default label">
              <div id="u1087_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1088" class="text" style="visibility: visible;">
                <p><span>三</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1089" class="ax_default label">
              <div id="u1089_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1090" class="text" style="visibility: visible;">
                <p><span>四</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1091" class="ax_default label">
              <div id="u1091_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1092" class="text" style="visibility: visible;">
                <p><span>五</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1093" class="ax_default label">
              <div id="u1093_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1094" class="text" style="visibility: visible;">
                <p><span>六</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1095" class="ax_default label">
              <div id="u1095_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1096" class="text" style="visibility: visible;">
                <p><span>10h</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1097" class="ax_default label">
              <div id="u1097_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1098" class="text" style="visibility: visible;">
                <p><span>8h</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1099" class="ax_default label">
              <div id="u1099_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1100" class="text" style="visibility: visible;">
                <p><span>6h</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1101" class="ax_default label">
              <div id="u1101_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1102" class="text" style="visibility: visible;">
                <p><span>4h</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1103" class="ax_default label">
              <div id="u1103_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1104" class="text" style="visibility: visible;">
                <p><span>2h</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u1105" class="ax_default line">
              <img id="u1105_img" class="img " src="images/睡眠/u742.png"/>
              <!-- Unnamed () -->
              <div id="u1106" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1107" class="ax_default box_1">
              <div id="u1107_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1108" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1109" class="ax_default box_1">
              <div id="u1109_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1110" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1111" class="ax_default box_1">
              <div id="u1111_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1112" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1113" class="ax_default box_1">
              <div id="u1113_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1114" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1115" class="ax_default box_1">
              <div id="u1115_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1116" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1117" class="ax_default box_1">
              <div id="u1117_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1118" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1119" class="ax_default box_1">
              <div id="u1119_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1120" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1121" class="ax_default _二级标题">
              <div id="u1121_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1122" class="text" style="visibility: visible;">
                <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">总时长：</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">7h</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u957_state2" class="panel_state" data-label="助眠" style="display: none; visibility: hidden;">
          <div id="u957_state2_content" class="panel_state_content">

            <!-- 背景 (矩形) -->
            <div id="u1123" class="ax_default box_1" data-label="背景">
              <img id="u1123_img" class="img " src="images/睡眠/背景_u958.png"/>
              <!-- Unnamed () -->
              <div id="u1124" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1125" class="ax_default box_2">
              <div id="u1125_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1126" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1127" class="ax_default box_2">
              <div id="u1127_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1128" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1129" class="ax_default _图片">
              <img id="u1129_img" class="img " src="images/睡眠/u806.png"/>
              <!-- Unnamed () -->
              <div id="u1130" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1131" class="ax_default _图片">
              <img id="u1131_img" class="img " src="images/睡眠/u808.png"/>
              <!-- Unnamed () -->
              <div id="u1132" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1133" class="ax_default box_2">
              <div id="u1133_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1134" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1135" class="ax_default _图片">
              <img id="u1135_img" class="img " src="images/睡眠/u812.png"/>
              <!-- Unnamed () -->
              <div id="u1136" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1137" class="ax_default _二级标题">
              <div id="u1137_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1138" class="text" style="visibility: visible;">
                <p><span>声音类别</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1139" class="ax_default ellipse">
              <img id="u1139_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1140" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1141" class="ax_default ellipse">
              <img id="u1141_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1142" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1143" class="ax_default ellipse">
              <img id="u1143_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1144" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1145" class="ax_default ellipse">
              <img id="u1145_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1146" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1147" class="ax_default ellipse">
              <img id="u1147_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1148" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1149" class="ax_default ellipse">
              <img id="u1149_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1150" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1151" class="ax_default ellipse">
              <img id="u1151_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1152" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1153" class="ax_default ellipse">
              <img id="u1153_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1154" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1155" class="ax_default ellipse">
              <img id="u1155_img" class="img " src="images/睡眠/u832.png"/>
              <!-- Unnamed () -->
              <div id="u1156" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1157" class="ax_default ellipse">
              <img id="u1157_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1158" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1159" class="ax_default ellipse">
              <img id="u1159_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1160" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1161" class="ax_default ellipse">
              <img id="u1161_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1162" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1163" class="ax_default ellipse">
              <img id="u1163_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1164" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1165" class="ax_default ellipse">
              <img id="u1165_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1166" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u1167" class="ax_default ellipse">
              <img id="u1167_img" class="img " src="images/睡眠/u816.png"/>
              <!-- Unnamed () -->
              <div id="u1168" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1169" class="ax_default _图片">
              <img id="u1169_img" class="img " src="images/睡眠/u846.png"/>
              <!-- Unnamed () -->
              <div id="u1170" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1171" class="ax_default _二级标题">
              <div id="u1171_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1172" class="text" style="visibility: visible;">
                <p><span>自然</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1173" class="ax_default _图片">
              <img id="u1173_img" class="img " src="images/睡眠/u850.png"/>
              <!-- Unnamed () -->
              <div id="u1174" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1175" class="ax_default _图片">
              <img id="u1175_img" class="img " src="images/睡眠/u852.png"/>
              <!-- Unnamed () -->
              <div id="u1176" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1177" class="ax_default _图片">
              <img id="u1177_img" class="img " src="images/睡眠/u854.png"/>
              <!-- Unnamed () -->
              <div id="u1178" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1179" class="ax_default _图片">
              <img id="u1179_img" class="img " src="images/睡眠/u856.png"/>
              <!-- Unnamed () -->
              <div id="u1180" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1181" class="ax_default _图片">
              <img id="u1181_img" class="img " src="images/睡眠/u858.png"/>
              <!-- Unnamed () -->
              <div id="u1182" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1183" class="ax_default _图片">
              <img id="u1183_img" class="img " src="images/睡眠/u860.png"/>
              <!-- Unnamed () -->
              <div id="u1184" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1185" class="ax_default _二级标题">
              <div id="u1185_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1186" class="text" style="visibility: visible;">
                <p><span>旋律</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1187" class="ax_default _二级标题">
              <div id="u1187_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1188" class="text" style="visibility: visible;">
                <p><span>雷雨</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1189" class="ax_default _二级标题">
              <div id="u1189_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1190" class="text" style="visibility: visible;">
                <p><span>风沙</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1191" class="ax_default _二级标题">
              <div id="u1191_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1192" class="text" style="visibility: visible;">
                <p><span>虫鸣</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1193" class="ax_default _二级标题">
              <div id="u1193_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1194" class="text" style="visibility: visible;">
                <p><span>拨浪鼓</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1195" class="ax_default _二级标题">
              <div id="u1195_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1196" class="text" style="visibility: visible;">
                <p><span>禅音</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1197" class="ax_default _图片">
              <img id="u1197_img" class="img " src="images/睡眠/u874.png"/>
              <!-- Unnamed () -->
              <div id="u1198" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1199" class="ax_default _图片">
              <img id="u1199_img" class="img " src="images/睡眠/u876.png"/>
              <!-- Unnamed () -->
              <div id="u1200" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1201" class="ax_default _图片">
              <img id="u1201_img" class="img " src="images/睡眠/u878.png"/>
              <!-- Unnamed () -->
              <div id="u1202" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1203" class="ax_default _图片">
              <img id="u1203_img" class="img " src="images/睡眠/u880.png"/>
              <!-- Unnamed () -->
              <div id="u1204" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1205" class="ax_default _图片">
              <img id="u1205_img" class="img " src="images/睡眠/u882.png"/>
              <!-- Unnamed () -->
              <div id="u1206" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1207" class="ax_default _二级标题">
              <div id="u1207_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1208" class="text" style="visibility: visible;">
                <p><span>生活</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1209" class="ax_default _二级标题">
              <div id="u1209_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1210" class="text" style="visibility: visible;">
                <p><span>动物</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1211" class="ax_default _二级标题">
              <div id="u1211_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1212" class="text" style="visibility: visible;">
                <p><span>电音</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1213" class="ax_default _二级标题">
              <div id="u1213_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1214" class="text" style="visibility: visible;">
                <p><span>童声</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1215" class="ax_default _二级标题">
              <div id="u1215_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1216" class="text" style="visibility: visible;">
                <p><span>车声</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1217" class="ax_default _图片">
              <img id="u1217_img" class="img " src="images/睡眠/u894.png"/>
              <!-- Unnamed () -->
              <div id="u1218" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1219" class="ax_default _图片">
              <img id="u1219_img" class="img " src="images/睡眠/u896.png"/>
              <!-- Unnamed () -->
              <div id="u1220" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1221" class="ax_default _图片">
              <img id="u1221_img" class="img " src="images/睡眠/u898.png"/>
              <!-- Unnamed () -->
              <div id="u1222" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1223" class="ax_default _二级标题">
              <div id="u1223_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1224" class="text" style="visibility: visible;">
                <p><span>书声</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1225" class="ax_default _二级标题">
              <div id="u1225_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1226" class="text" style="visibility: visible;">
                <p><span>脚步</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1227" class="ax_default _二级标题">
              <div id="u1227_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u1228" class="text" style="visibility: visible;">
                <p><span>田野</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 睡眠报告 (热区) -->
      <div id="u1229" class="ax_default" data-label="睡眠报告">
      </div>

      <!-- 就寝 (热区) -->
      <div id="u1230" class="ax_default" data-label="就寝">
      </div>

      <!-- 助眠 (热区) -->
      <div id="u1231" class="ax_default" data-label="助眠">
      </div>

      <!-- 背景 (矩形) -->
      <div id="u1232" class="ax_default box_1" data-label="背景">
        <img id="u1232_img" class="img " src="images/睡眠/背景_u958.png"/>
        <!-- Unnamed () -->
        <div id="u1233" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1234" class="ax_default">

        <!-- 绿 (椭圆形) -->
        <div id="u1235" class="ax_default ellipse" data-label="绿">
          <img id="u1235_img" class="img " src="images/睡眠/绿_u961.png"/>
          <!-- Unnamed () -->
          <div id="u1236" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 黄 (椭圆形) -->
        <div id="u1237" class="ax_default ellipse" data-label="黄">
          <img id="u1237_img" class="img " src="images/睡眠/黄_u963.png"/>
          <!-- Unnamed () -->
          <div id="u1238" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 红 (椭圆形) -->
        <div id="u1239" class="ax_default ellipse" data-label="红">
          <img id="u1239_img" class="img " src="images/睡眠/红_u965.png"/>
          <!-- Unnamed () -->
          <div id="u1240" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1241" class="ax_default line">
          <img id="u1241_img" class="img " src="images/睡眠/u967.png"/>
          <!-- Unnamed () -->
          <div id="u1242" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1243" class="ax_default line">
          <img id="u1243_img" class="img " src="images/睡眠/u969.png"/>
          <!-- Unnamed () -->
          <div id="u1244" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1245" class="ax_default line">
          <img id="u1245_img" class="img " src="images/睡眠/u971.png"/>
          <!-- Unnamed () -->
          <div id="u1246" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1247" class="ax_default line">
          <img id="u1247_img" class="img " src="images/睡眠/u973.png"/>
          <!-- Unnamed () -->
          <div id="u1248" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1249" class="ax_default label">
          <div id="u1249_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1250" class="text" style="visibility: visible;">
            <p><span>时长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1251" class="ax_default label">
          <div id="u1251_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1252" class="text" style="visibility: visible;">
            <p><span>浅睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1253" class="ax_default label">
          <div id="u1253_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1254" class="text" style="visibility: visible;">
            <p><span>入睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1255" class="ax_default label">
          <div id="u1255_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1256" class="text" style="visibility: visible;">
            <p><span>深睡</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1257" class="ax_default ellipse">
          <img id="u1257_img" class="img " src="images/睡眠/u983.png"/>
          <!-- Unnamed () -->
          <div id="u1258" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1259" class="ax_default ellipse">
          <img id="u1259_img" class="img " src="images/睡眠/u983.png"/>
          <!-- Unnamed () -->
          <div id="u1260" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1261" class="ax_default ellipse">
          <img id="u1261_img" class="img " src="images/睡眠/u983.png"/>
          <!-- Unnamed () -->
          <div id="u1262" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1263" class="ax_default ellipse">
          <img id="u1263_img" class="img " src="images/睡眠/u983.png"/>
          <!-- Unnamed () -->
          <div id="u1264" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1265" class="ax_default _二级标题">
        <div id="u1265_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1266" class="text" style="visibility: visible;">
          <p><span>星 期 日</span></p>
        </div>
      </div>

      <!-- 日历 (图片) -->
      <div id="u1267" class="ax_default _图片" data-label="日历">
        <img id="u1267_img" class="img " src="images/睡眠/日历_u993.png"/>
        <!-- Unnamed () -->
        <div id="u1268" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1269" class="ax_default _图片">
        <img id="u1269_img" class="img " src="images/睡眠/u995.png"/>
        <!-- Unnamed () -->
        <div id="u1270" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1271" class="ax_default _二级标题">
        <div id="u1271_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1272" class="text" style="visibility: visible;">
          <p><span>睡 眠 质 量</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1273" class="ax_default line">
        <img id="u1273_img" class="img " src="images/睡眠/u999.png"/>
        <!-- Unnamed () -->
        <div id="u1274" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1275" class="ax_default line">
        <img id="u1275_img" class="img " src="images/睡眠/u999.png"/>
        <!-- Unnamed () -->
        <div id="u1276" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1277" class="ax_default line">
        <img id="u1277_img" class="img " src="images/睡眠/u999.png"/>
        <!-- Unnamed () -->
        <div id="u1278" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1279" class="ax_default line">
        <img id="u1279_img" class="img " src="images/睡眠/u999.png"/>
        <!-- Unnamed () -->
        <div id="u1280" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1281" class="ax_default label">
        <div id="u1281_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1282" class="text" style="visibility: visible;">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1283" class="ax_default label">
        <div id="u1283_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1284" class="text" style="visibility: visible;">
          <p><span>一</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1285" class="ax_default label">
        <div id="u1285_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1286" class="text" style="visibility: visible;">
          <p><span>二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1287" class="ax_default label">
        <div id="u1287_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1288" class="text" style="visibility: visible;">
          <p><span>三</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1289" class="ax_default label">
        <div id="u1289_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1290" class="text" style="visibility: visible;">
          <p><span>四</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1291" class="ax_default label">
        <div id="u1291_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1292" class="text" style="visibility: visible;">
          <p><span>五</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1293" class="ax_default label">
        <div id="u1293_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1294" class="text" style="visibility: visible;">
          <p><span>六</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1295" class="ax_default line">
        <img id="u1295_img" class="img " src="images/睡眠/u1021.png"/>
        <!-- Unnamed () -->
        <div id="u1296" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1297" class="ax_default line">
        <img id="u1297_img" class="img " src="images/睡眠/u1023.png"/>
        <!-- Unnamed () -->
        <div id="u1298" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1299" class="ax_default line">
        <img id="u1299_img" class="img " src="images/睡眠/u1025.png"/>
        <!-- Unnamed () -->
        <div id="u1300" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1301" class="ax_default line">
        <img id="u1301_img" class="img " src="images/睡眠/u1027.png"/>
        <!-- Unnamed () -->
        <div id="u1302" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1303" class="ax_default line">
        <img id="u1303_img" class="img " src="images/睡眠/u1029.png"/>
        <!-- Unnamed () -->
        <div id="u1304" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1305" class="ax_default line">
        <img id="u1305_img" class="img " src="images/睡眠/u1031.png"/>
        <!-- Unnamed () -->
        <div id="u1306" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1307" class="ax_default _图片">
        <img id="u1307_img" class="img " src="images/睡眠/u1033.png"/>
        <!-- Unnamed () -->
        <div id="u1308" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1309" class="ax_default _图片">
        <img id="u1309_img" class="img " src="images/睡眠/u1035.png"/>
        <!-- Unnamed () -->
        <div id="u1310" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1311" class="ax_default _图片">
        <img id="u1311_img" class="img " src="images/睡眠/u1037.png"/>
        <!-- Unnamed () -->
        <div id="u1312" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1313" class="ax_default _图片">
        <img id="u1313_img" class="img " src="images/睡眠/u1039.png"/>
        <!-- Unnamed () -->
        <div id="u1314" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1315" class="ax_default _形状">
        <img id="u1315_img" class="img " src="images/睡眠/u1315.png"/>
        <!-- Unnamed () -->
        <div id="u1316" class="text" style="visibility: visible;">
          <p><span>1.使用交互逻辑设计</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1317" class="ax_default _形状">
        <img id="u1317_img" class="img " src="images/睡眠/u1317.png"/>
        <!-- Unnamed () -->
        <div id="u1318" class="text" style="visibility: visible;">
          <p><span>2.仅界面设计</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1319" class="ax_default image">
        <img id="u1319_img" class="img " src="images/图例/u17.png"/>
        <!-- Unnamed () -->
        <div id="u1320" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1321" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u1322" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="395" CompoundMode="true">
          <img id="u1322_img" class="singleImg img " src="images/睡眠/u1322.png"/>
          <div id="u1322p000" class="ax_vector_shape" WidgetTopLeftX="-0.497481108312343" WidgetTopLeftY="-0.5" WidgetTopRightX="0.497481108312343" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.497481108312343" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.497481108312343" WidgetBottomRightY="0.5">
            <img id="u1322p000_img" class="img " src="images/睡眠/u1322p000.png"/>
          </div>
          <div id="u1322p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="197.5" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0.5" WidgetBottomRightX="197.5" WidgetBottomRightY="0.5">
            <img id="u1322p001_img" class="img " src="images/图例/u7p001.png"/>
          </div>
          <div id="u1322p002" class="ax_vector_shape" WidgetTopLeftX="-17.7727272727273" WidgetTopLeftY="0" WidgetTopRightX="0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-17.7727272727273" WidgetBottomLeftY="0.0454545454545455" WidgetBottomRightX="0.181818181818182" WidgetBottomRightY="0.0454545454545455">
            <img id="u1322p002_img" class="img " src="images/图例/u7p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u1323" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1324" class="ax_default _形状">
          <div id="u1324_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1325" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1326" class="ax_default image">
        <img id="u1326_img" class="img " src="images/图例/u17.png"/>
        <!-- Unnamed () -->
        <div id="u1327" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1328" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u1329" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="490" CompoundMode="true">
          <img id="u1329_img" class="singleImg img " src="images/睡眠/u1329.png"/>
          <div id="u1329p000" class="ax_vector_shape" WidgetTopLeftX="-0.497967479674797" WidgetTopLeftY="-0.5" WidgetTopRightX="0.497967479674797" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.497967479674797" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.497967479674797" WidgetBottomRightY="0.5">
            <img id="u1329p000_img" class="img " src="images/睡眠/u1329p000.png"/>
          </div>
          <div id="u1329p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="245" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0.5" WidgetBottomRightX="245" WidgetBottomRightY="0.5">
            <img id="u1329p001_img" class="img " src="images/图例/u7p001.png"/>
          </div>
          <div id="u1329p002" class="ax_vector_shape" WidgetTopLeftX="-22.0909090909091" WidgetTopLeftY="0" WidgetTopRightX="0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-22.0909090909091" WidgetBottomLeftY="0.0454545454545455" WidgetBottomRightX="0.181818181818182" WidgetBottomRightY="0.0454545454545455">
            <img id="u1329p002_img" class="img " src="images/图例/u7p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u1330" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1331" class="ax_default _形状">
          <div id="u1331_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u1332" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1333" class="ax_default box_1">
        <img id="u1333_img" class="img " src="images/睡眠/u1333.png"/>
        <!-- Unnamed () -->
        <div id="u1334" class="text" style="visibility: visible;">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1. 单击标签栏中间的图标进入“睡眠”界面即可查看前一晚的睡眠情况，包括</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">时长、入睡、浅睡、深睡</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">四个维度，通过</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">蛛网图</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">可视化呈现给用户；</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2. 一周的睡眠质量通过</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">折线图</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">可视化呈现给</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">用户，分为&nbsp; &nbsp; &nbsp;&nbsp; (</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">不错</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">)，&nbsp; &nbsp;&nbsp; (</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">良好</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">)，&nbsp; &nbsp; &nbsp; </span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp;&nbsp; (一</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">般</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">)，&nbsp; &nbsp;&nbsp; (</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">不好</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">)四个维度。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1335" class="ax_default _形状">
        <img id="u1335_img" class="img " src="images/睡眠/u1335.png"/>
        <!-- Unnamed () -->
        <div id="u1336" class="text" style="visibility: visible;">
          <p><span>睡眠—睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1337" class="ax_default _图片">
        <img id="u1337_img" class="img " src="images/睡眠/u1033.png"/>
        <!-- Unnamed () -->
        <div id="u1338" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1339" class="ax_default _图片">
        <img id="u1339_img" class="img " src="images/睡眠/u1035.png"/>
        <!-- Unnamed () -->
        <div id="u1340" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1341" class="ax_default _图片">
        <img id="u1341_img" class="img " src="images/睡眠/u1037.png"/>
        <!-- Unnamed () -->
        <div id="u1342" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1343" class="ax_default _图片">
        <img id="u1343_img" class="img " src="images/睡眠/u1039.png"/>
        <!-- Unnamed () -->
        <div id="u1344" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1345" class="ax_default _形状">
        <img id="u1345_img" class="img " src="images/睡眠/u1335.png"/>
        <!-- Unnamed () -->
        <div id="u1346" class="text" style="visibility: visible;">
          <p><span>睡眠—就寝</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1347" class="ax_default box_1">
        <img id="u1347_img" class="img " src="images/睡眠/u1347.png"/>
        <!-- Unnamed () -->
        <div id="u1348" class="text" style="visibility: visible;">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1.“就寝”提醒功能由用户选择是否定时开启，开启后用户可自主选择每周启用的时间；</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2.睡觉与起床时间设定取</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">时、分</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">两个维度，以设备系统时间为准，用户可分别上下滑动两个维度以修改设定，睡觉总时长可根据用户设定的睡觉与起床时间</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">自动显示</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">；</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 时：取值范围为1-24，取整数，每1小时取值，循环显示</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 分：取值范围00-59，取整数，每1分钟取值，循环显示</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3.一周的睡眠时长概览通过</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">柱状图</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">的可视化形式呈现给用户，帮助用户迅速了解自己的睡眠情况与习惯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1349" class="ax_default _二级标题">
        <div id="u1349_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1350" class="text" style="visibility: visible;">
          <p><span>22</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1351" class="ax_default _二级标题">
        <div id="u1351_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1352" class="text" style="visibility: visible;">
          <p><span>29</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1353" class="ax_default _二级标题">
        <div id="u1353_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1354" class="text" style="visibility: visible;">
          <p><span>24</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1355" class="ax_default _二级标题">
        <div id="u1355_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1356" class="text" style="visibility: visible;">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1357" class="ax_default _二级标题">
        <div id="u1357_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1358" class="text" style="visibility: visible;">
          <p><span>05</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1359" class="ax_default _二级标题">
        <div id="u1359_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1360" class="text" style="visibility: visible;">
          <p><span>29</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1361" class="ax_default _二级标题">
        <div id="u1361_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1362" class="text" style="visibility: visible;">
          <p><span>07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1363" class="ax_default _二级标题">
        <div id="u1363_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u1364" class="text" style="visibility: visible;">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1365" class="ax_default _形状">
        <img id="u1365_img" class="img " src="images/睡眠/u1335.png"/>
        <!-- Unnamed () -->
        <div id="u1366" class="text" style="visibility: visible;">
          <p><span>睡眠—助眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1367" class="ax_default box_1">
        <img id="u1367_img" class="img " src="images/睡眠/u1367.png"/>
        <!-- Unnamed () -->
        <div id="u1368" class="text" style="visibility: visible;">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1.“助眠”功能通过各种类别的声音帮助用户入眠，一共有</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">15</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">种类别，选中状态的样式如图“ 自然 ”所示；</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2.选中一种类别的声音之后，通过</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">左右滑动卡片</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">的形式切换声音</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
